import React, { Component } from "react";
import "./index.css";
import C from "../1_setState";

export default class Parent extends Component {
    render() {
        return (
            <div className="parent">
                <h3>我是 Parent 组件</h3>
                <A render={(name) => <C name={name} />} />
            </div>
        );
    }
}

class A extends Component {
    state = { name: "tom" };
    render() {
        console.log(this.props);
        const { name } = this.state;
        return (
            <div className="a">
                <h3>我是 A 组件</h3>
                {this.props.render(name)}
            </div>
        );
    }
}

class B extends Component {
    render() {
        console.log("B--render");
        return (
            <div className="b">
                <h3>我是 B 组件,{this.props.name}</h3>
            </div>
        );
    }
}
